<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/aplications.js"></script>
<title>Dávini Ribeiro</title>
</head>
<body>
	<!-- HEADER -->
	<div class="navbar navbar-inverse">
	  <div class="container">
	
	    <!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
	    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	    </button>
	
	    <!-- Be sure to leave the brand out there if you want it shown -->
	    <a class="navbar-brand" href="#"><img src="img/photoico.png" width=30 height=30 id="photoico">Dávini Ribeiro Photos</a>
	
	    <!-- Place everything within .nav-collapse to hide it until above 768px -->
	    <div class="nav-collapse collapse navbar-responsive-collapse">
	    	<ul class="nav navbar-nav">
	    		<li class="active dropdown">
	    		<a href="#" class="dropdown-toggle" data-toggle="dropdown">
	    		Eventos
	    		<b class="caret"></b>
	    		</a>
	    		<ul class="dropdown-menu">
	    			<li><a>Todos</a></li>
	    			<li><a>Infantil</a></li>
	    			<li><a>15 anos</a></li>
	    			<li><a>Formaturas</a></li>
	    			<li><a>Casamentos</a></li>
	    		</ul>
	    		</li>
	    		<li><a href="#">Fotógrafos</a></li>
	    		<li><a href="#">Orçamentos</a></li>
	    		<li><a href="#">Perguntas frequentes</a></li>
	    		<li><a href="#">Faça seu PhotoBook</a></li>
	    	</ul>
	    </div><!-- /.nav-collapse -->
	  </div><!-- /.container -->
	</div><!-- /.navbar -->
	<!-- FIM DO HEADER -->
	<div id="carousel_central">
		<div id="carousel-example-generic" class="carousel slide">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			<li data-target="#carousel-example-generic" data-slide-to="1"></li>
			<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			<li data-target="#carousel-example-generic" data-slide-to="3"></li>
			<li data-target="#carousel-example-generic" data-slide-to="4"></li>
		</ol>
		
		<!-- Wrapper for slides -->
		<div class="carousel-inner">
			<div class="item active">
				<img src="img/img1.jpg" alt="img1">
				<div class="carousel-caption">
					Informações imagem 1
				</div>
			</div>
			<div class="item">
				<img src="img/img2.jpg" alt="img2">
				<div class="carousel-caption">
					Informações imagem 1
				</div>
			</div>
			<div class="item">
				<img src="img/img3.jpg" alt="img3">
				<div class="carousel-caption">
					Informações imagem 1
				</div>
			</div>
			<div class="item">
				<img src="img/img4.jpg" alt="img4">
				<div class="carousel-caption">
					Informações imagem 1
				</div>
			</div>
			<div class="item">
				<img src="img/img5.jpg" alt="img5">
				<div class="carousel-caption">
					Informações imagem 1
				</div>
			</div>
		</div>
		<!-- Controls -->
		<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
			<span class="icon-prev"></span>
		</a>
		<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
		    <span class="icon-next"></span>
		</a>
		</div>
	</div>
	<footer>
		<div class="rodape">
			<div id="redes">
				<a href="#"><img alt="Facebook" title="Facebook" src="img/fbico.png" width="30" height="30"></a>
				<a href="#"><img alt="Twitter" title="Twitter" src="img/twtrico.png" width="30" height="30"></a>
				<a href="#"><img alt="LinkedIn" title="LinkedIn" src="img/lkinico.png" width="30" height="30"></a>			
			</div>
		</div>
	</footer>
</body>
</html>